<template>
    <div class="email">
         <label for="email">用邮箱登录</label>
         <input type="text" id="email">
         <button>登录</button>
    </div>
</template>

<script>
export default {
    name: 'Email' ,
    // 生命周期钩子
    // activated 被 keep-alive 缓存的组件激活时调用
    activated(){
        console.log( '- - - email component activated - - -' );
    },
    // 生命周期钩子
    // deactivated 被 keep-alive 缓存的组件失活时调用
    deactivated(){
        console.log( '- - - email component deactivated - - -' );
    }
}
</script>

<style>
.email {
    border: 1px solid #dedede ;
}
</style>